page {
	background-color: #f6f7fa;
	height: 100%;
	font-size: 26rpx;

	&>div {
		height: 100%;
		letter-spacing: 0.06px;
	}
}

.page-wrap {
	&.white {
		height: 100%;
		background-color: #fff;
	}
}

.uni-tabbar {
	&__icon {
		height: 50rpx !important;
		width: 50rpx !important;
	}
}

.uni-page-head {
	.uni-page-head-btn {
		height: 27px;
		width: 27px;
	}

	.uni-page-head-bd {
		.uni-page-head__title {
			font-weight: 500;
			letter-spacing: 1rpx;
		}
	}
}

.mp-html {
	p {
		line-height: normal !important;
	}

	img {
		display: block;
	}

	image {
		display: block;
	}
}

.text-main {
	color: #333;
}

.text-info {
	color: $uni-color-info;
}

.text-error {
	color: $uni-color-error;
}

.text-warning {
	color: $uni-color-warning;
}

.text-primary {
	color: $uni-color-primary;
}

.text-price {
	color: $color-price;
}

.text-success {
	color: $uni-color-success;
}

.text-sub {
	color: $color-sub;
}

.text-place {
	color: $color-place;
}

.text-red {
	color: $color-red;
}

.text-del {
	font-size: 24rpx;
	color: $color-place;
	text-decoration: line-through;
}

.text-bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/*
  常用字体
*/
@for $i from 9 to 20 {
	.fs-#{$i * 2} {
		font-size: $i * 2rpx;
	}
}

/*
	常用边距margin padding
  */

@for $i from 0 to 70 {
	.p-#{$i} {
		padding: $i * 1rpx !important;
	}

	.plr-#{$i} {
		padding-left: $i * 1rpx !important;
		padding-right: $i * 1rpx !important;
	}

	.pl-#{$i} {
		padding-left: $i * 1rpx !important;
	}

	.pr-#{$i} {
		padding-right: $i * 1rpx !important;
	}

	.pt-#{$i} {
		padding-top: $i * 1rpx !important;
	}

	.ptb-#{$i} {
		padding-top: $i * 1rpx !important;
		padding-bottom: $i * 1rpx !important;
	}

	.pb-#{$i} {
		padding-bottom: $i * 1rpx !important;
	}

	.mt-#{$i} {
		margin-top: $i * 1rpx !important;
	}

	.mr-#{$i} {
		margin-right: $i * 1rpx !important;
	}

	.mlr-#{$i} {
		margin-left: $i * 1rpx !important;
		margin-right: $i * 1rpx !important;
	}

	.mb-#{$i} {
		margin-bottom: $i * 1rpx !important;
	}

	.ml-#{$i} {
		margin-left: $i * 1rpx !important;
	}

	.mtb-#{$i} {
		margin-top: $i * 1rpx !important;
		margin-bottom: $i * 1rpx !important;
	}
}

/*
  字体换行
*/
.ellipsis,
.ellipsis-1 {
	@include ellipsis();
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*
	下划线
*/
.ss-underline,
.ss-modal__title,
.ss-underline__top {
  position: relative;
}

.ss-underline::after,
.ss-modal__title::after,
.ss-underline__top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  height: 1px;
  transform: scaleY(0.5);
  background-color: $uni-border-color;
}

.ss-underline__top:after {
  top: 0;
  bottom: auto;
}



.flex {
	display: flex;
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-1 {
	flex: 1;
}

.flex-shrink {
	flex-shrink: 0;
}

.form-page-common {
	display: flex;
	flex-direction: column;
    width: calc(100% - 40rpx);
    height: calc(100% - 80rpx);
	padding: 20rpx;
}

.over-hide {
	overflow: hidden;
}

.popup-common-title-wrap {
	position: relative;
	height: 100rpx;
	// padding: 16rpx 0;
	border-bottom: 0.7px solid #F2F2F2;
	margin-bottom: 20rpx;
	background-color: #fff;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
	padding: 0 20rpx;

	&_title {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	&_close {
		position: absolute;
		top: 20rpx;
		right: 20rpx;
	}
}

.popup-common-button-wrap {
	padding: 30rpx 0;
	display: flex;
	justify-content: space-evenly;
}

.common-price-tag {
	position: relative;
	display: flex;
	align-items: center;
	&::after {
		content: '居民价';
		display: block;
		// position: absolute;
		padding: 4rpx 10rpx;
		background-color: $primary;
		color: #FFF;
		margin-left: 10rpx;
		font-size: 24rpx;
		border-radius: 50rpx 50rpx 50rpx 0;
		transform: scale(0.9);
		position: relative;
		left: -6rpx;
	}
}

.global-search-module {

	background-color: #fff;
	.cl-search {
		position: relative;

		:deep(.cl-search__prepend) {
			position: absolute;
			left: 50rpx;
			z-index: 2;
		}

		:deep(.cl-search__input) {
			display: block;

			.cl-input {
				padding: 0 20rpx 0 80rpx !important;
				border: none;
				// box-shadow: 0rpx 8rpx 20rpx 2rpx #f5f5f5;
				background-color: #F7F7F7 !important;
			}
		}
	}
}

.text-justify-com{
	text-align: justify;
	text-align-last: justify;
}